body{background: #0a101b;}
.footer.login-footer{background: none;}
/*input{background: rgba(0,0,0,.4);*background: none; height: 40px; line-height: 40px; border: 1px solid #5a646d; padding: 0 10px; color: #fff; font-weight: bold; font-size: 14px; -webkit-transition:box-shadow .5s;}*/
.lgnipt input{background: rgba(0,0,0,.4); 
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
	 background-color:transparent; height: 40px; line-height: 40px; border: 1px solid #5a646d; 
	 padding: 0 10px; color: #fff; font-weight: bold; font-size: 14px; 
	 -webkit-transition:box-shadow .5s;}
.lgnipt input.erro{border: 1px solid #ff0000; color: #ff0000;box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(255,0,0,.6);-webkit-transition:box-shadow .5s;}
.lgnipt input:focus{border: 1px solid #fff;box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6);-webkit-transition:box-shadow .5s;}
.lgnipt input::-webkit-input-placeholder {color:#aaa; font-weight: normal; font-family: \5b8b\4f53;}
.lgnipt input:-moz-placeholder { color:#aaa; font-weight: normal; font-family: \5b8b\4f53;}
.lgnipt input::-moz-placeholder {color:#aaa; font-weight: normal; font-family: \5b8b\4f53;}
.lgnipt input:-ms-input-placeholder {color:#aaa; font-weight: normal; font-family: \5b8b\4f53;}
.top-login{width: 100%; background: #fff; height: 42px;}
.login-logo{width: 1190px; margin: 0 auto; overflow: hidden;}
.login-logo .logopic{float: left;}
.login-logo .goback{width: 290px; float: right; overflow: hidden; line-height: 42px;}
.login-logo .goback a{float: right; color: #333; font-size: 12px; font-family: \5b8b\4f53;}
.login-logo .goback span{float: right; color: #bababa; margin: 0 15px;}
.tocenter{float: right; line-height: 42px;}
.tocenter a{font-size: 12px; font-family: \5b8b\4f53; padding: 0 15px;}
.tocenter a.czabtn{color: #ff6700;}
.tocenter a.txabtn{color: #39f;}
.login-main{min-height: 800px; background: url(logbg.jpg) no-repeat center top;}
.login-win{width: 1190px; margin:0 auto; position: relative;}
.login01{height: 300px; background: url(logiptbg01.jpg) no-repeat;}
.login02{height: 400px; background: url(logiptbg02.jpg) no-repeat;}
.login03{height: 176px; background: url(logiptbg03.jpg) no-repeat;}
.login-win .lgnipt{width: 600px; position: absolute; top: 0; left:295px;}
.login-win .lgntit{width: 90px; margin:50px auto 0 auto; padding: 0 125px 10px 125px;}
.login-win h3{ text-align: center; font-size: 28px; color: #fff; font-family:\5b8b\4f53;}
.login-win input{width: 318px; margin: 0 auto; display: block;}
.login-win input.usename,.login-win input.yname,.login-win input.yourid,.login-win input.newpwd{margin-top: 25px;}
.login-win input.usepwd,.login-win input.idcard,.login-win input.ftname,.login-win input.agzf,.login-win input.zfpwd,.login-win input.lxqq,.login-win input.tgid,.login-win input.agnew{margin-top: 15px;}
.login-win input.jzmm{width: 14px; vertical-align: middle; float: left; margin-right:5px;}
.lgnipt h4{width: 340px; margin:0 auto; line-height: 38px; font-size: 14px; font-family:\5b8b\4f53;}
.lgnipt h4 span{float: left; color: #aaaaaa; cursor: pointer;}
.lgnipt h4 em{float: right;}
.lgnipt h4 em a{color:#ff6700;}
.lgnbtn{width: 340px; height: 48px; margin: 10px auto 0 auto; background: url(loginbtn.png) no-repeat;}
.lgnbtn a{display: block; text-align: center; line-height: 46px; color: #fff; font-size: 20px;}
p.errmsg{width: 340px; margin: 15px auto; color: #ff0000; text-align: center; line-height: 20px; visibility:hidden;}
.dxyzm{width: 340px; margin: 15px auto 0 auto; overflow: hidden;}
.dxyzm input{width: 150px; float: left;}
.dxyzm a{width: 150px; float: right; display: block; color: #f19149; font-size:14px; text-align: center; height: 40px; line-height: 40px; border-radius:2px;}
.dxyzm a.yzm{background: rgba(0,0,0,.4); border: 1px solid #5a646d;}
.dxyzm a.djs{display: none; background: #999; border: 1px solid #999;color: #555;}
.res-step{width: 340px; margin: 15px auto 0 auto;}
.res-step ul{ padding: 10px 0; overflow: hidden;}
.res-step ul li{font-family:\5b8b\4f53; font-size: 14px; color:#aaa; font-weight: bold; float: left; width: 110px;}
.res-step ul li.on{color: #ff6700;}

/********** 弹窗 **********/
.layui-layer.yzhide{background: transparent;box-shadow: none !important;}
.yzhide .layui-layer-setwin{display: none;}
.pop{width: 312px;height: 272px;padding-top:10px;background:url(http://ossima.oss-cn-hangzhou.aliyuncs.com/pc_dlmm/images/pop-bg.png);background-repeat: no-repeat;background-size: 100% 100%;display: none;z-index: 99999;}
.pop-con{width: 292px;height: 250px;background: #FFFFFF;margin: 0 auto;margin-top: 10px;}
.pop-header{width: 100%;height:10px;}
.pop-header img{float:right;margin-right: 10px;margin-top: 10px;cursor: pointer;}
.pop-con p.title{font-family: "微软雅黑";font-size:20px;text-align: center;color: #666666;margin-top: 24px;}
.pop-con p.note{color:#999999;margin-left: 30px;margin-top: 28px;}
.pop-con input{padding:0 8px;width: 222px;background:transparent;height: 28px;border: 1px solid #d0d0d0;margin:16px 0 16px 28px;font-family: "微软雅黑";color: #666;}
.pop-con .btn{display:inline-block;height: 34px;width: 238px;text-align: center;*line-height: 34px;line-height: 33px;color: #FFFFFF;cursor: pointer;background: #ff6700;margin-left: 28px;}
#phone-validation .pop-con{height: 356px;}
#phone-validation{height: 378px;}
#phone-validation .pop-con input{margin-bottom: 2px;}
.pop-con .code{margin-bottom: 10px;display: table;width: 100%;}
.pop-con .code input{width: 110px;float:left;margin-right: 10px;margin-bottom: 2px;padding-left: 8px;}
.send-code{background: url(send-code.jpg);background-repeat:no-repeat;margin-top: 16px;width: 95px;height: 28px;border: 1px solid #d0d0d0;color: #666666;text-align: center;line-height: 28px;float:left;cursor: pointer;}
.send-code.djs{display: none;}
.pop-con .send-code:hover{color: #ff6700;}
.voice-validation{text-align: center;color: #999999;margin-bottom: 16px;}
.voice-validation a{color:#FF0000}
#phone-validation .pop-con p.note{margin-top: 20px;}
.pop-con input::-webkit-input-placeholder {font-family: "microsoft yahei";}
.pop-con input:-moz-placeholder {font-family: "microsoft yahei";}
.pop-con　input::-moz-placeholder {font-family: "microsoft yahei";}
.pop-con　input:-ms-input-placeholder {font-family: "microsoft yahei";}


/*上传*/
.hide { display: none;}
.webuploader-element-invisible {position: absolute !important;clip: rect(1px 1px 1px 1px); /* IE6, IE7 */clip: rect(1px,1px,1px,1px);}
.webuploader-pick {position: relative;display: inline-block;cursor: pointer;color: #fff;text-align: center;overflow: hidden;}
.webuploader-pick-disable {opacity: 0.6;pointer-events:none;}
.upload-box { width: 688px; margin: 30px 0px 0px -44px;}
.upload-item { overflow: hidden;}
.upload-con { height: 230px; width:190px; float: left;}
.upload-con .upload-img { width: 148px; height: 148px; margin: 0 auto; border: #e4e4e4 1px dashed; position: relative;}
.upload-con .upload-img img { cursor: pointer;}
.id-card-z .upload-img { background: url(http://ossima.oss-cn-hangzhou.aliyuncs.com/pc_dlmm/images/id-card-z.png) no-repeat;}
.id-card-f .upload-img { background: url(http://ossima.oss-cn-hangzhou.aliyuncs.com/pc_dlmm/images/id-card-f.png) no-repeat;}
.id-card-s .upload-img { background: url(http://ossima.oss-cn-hangzhou.aliyuncs.com/pc_dlmm/images/id-card-s-v4.png) no-repeat;}
.upload-con .webuploader-container { position: absolute; left: -1px; top:159px;}
.upload-con .webuploader-pick { display: block; padding: 0;width: 150px;height: 30px;background: #ff6700; line-height: 30px; font-size: 14px; text-align: center; color: #fff; font-weight: normal;}
.upload-con .webuploader-pick-hover {background: #297fff;}
.upload-con .info {height: 25px; line-height: 25px; position: absolute; left: 0; bottom: 0; width: 100%; color: #fff; text-align: center; z-index: 9;overflow: hidden; white-space: nowrap;text-overflow: ellipsis; background:url(http://pic.7881.com/7881-2016/images/id-card/idcard-icon.png) no-repeat; }
.upload-con p.upload-tips { color: #009933; text-align: center; margin-top: 50px; display:none;}
.upload-con p.upload-tips.error { color: #ff6700;}
.uploading { display: inline-block; *display: inline; *zoom:1; vertical-align: middle; margin-top: -3px; width:20px; height: 20px; background:url(http://pic.7881.com/7881-2016/images/id-card/idcard-icon.png) 0 -35px no-repeat; margin-right: 8px; -webkit-animation: anim4 1s linear infinite; -moz-animation: anim4 2s linear infinite;-ms-animation: anim4 1s linear infinite;-o-animation: anim4 1s linear infinite;animation: anim4 1s linear infinite;}
.sl-box { float: left; border: #373b41 1px solid; width: 473px; height: 188px; color: #aaa; background: url(http://ossima.oss-cn-hangzhou.aliyuncs.com/pc_dlmm/images/sl-box-bg.png) no-repeat;}
.sl-box dl { overflow: hidden; margin-top: 12px; margin-left: 18px;}
.sl-box dl dt { float: left;}
.sl-box dl dd { float: left;}
.sl-box dl dd img { display: block; margin-bottom: 10px;}
.sl-box dl dd p { margin-bottom: 8px;}
.id-card-btn { border-top: #eeeeee 1px solid; background: #fdfdfd; text-align: center; width: 788px; margin-left: -10px; padding: 34px 0 24px 0;}
.id-card-btn a { display: inline-block; font-family: "microsoft yahei"; *display: inline; *zoom:1; width: 200px; height: 40px; background: #ff6700; text-align: center; color: #fff; font-size: 18px; line-height: 39px;}
.id-card-btn a:hover { background: #db5800; text-decoration: none;}
.id-card-btn a.off { background: #aaa; color: #fff;}
.id-card-btn a.off:hover { background: #aaa; color: #fff;}
@-webkit-keyframes anim4 {
    from { -webkit-transform: rotateZ(0deg); }
    50% { -webkit-transform: rotateZ(180deg); }
    to { -webkit-transform: rotateZ(360deg); }
}
@-moz-keyframes anim4 {
    from { -moz-transform: rotateZ(0deg); }
    50% { -moz-transform: rotateZ(180deg); }
    to { -moz-transform: rotateZ(360deg); }
}
@-ms-keyframes anim4 {
    from { -ms-transform: rotateZ(0deg); }
    50% { -ms-transform: rotateZ(180deg); }
    to { -ms-transform: rotateZ(360deg); }
}
@-o-keyframes anim4 {
    from { -o-transform: rotateZ(0deg); }
    50% { -o-transform: rotateZ(180deg); }
    to { -o-transform: rotateZ(360deg); }
}
@keyframes anim4 {
    from { transform: rotateZ(0deg); }
    50% { transform: rotateZ(180deg); }
    to { transform: rotateZ(360deg); }
}


.regAgreement{margin-top:26px;text-align:center}
.regAgreement{margin-top:30px}
.regAgreementLink{color:#aaa; text-decoration:underline;}
.regAgreement input {position: relative;bottom: 1px; display: inline; width: 14px; height: 14px; vertical-align: middle; margin-right: 10px;}
.regAgreement label{color: #aaa;}
.popUp{width:800px;height:600px;background-color:#fff;border-radius:15px;position:relative;display:none}
.popBox{width:695px;margin-left:53px}
.popBox h1{font-size:26px;text-align:center;color:#333;padding-top:25px;margin-bottom:40px}
.popText{color:#666;height:430px;padding-right:15px;overflow-y:scroll}
.popText p{line-height:26px;margin-bottom:23px}

.com-ord{margin-bottom: 20px;}
.com-ord p{overflow: hidden; line-height: 40px; font-size: 14px; margin-bottom: 10px;}
.com-ord p em{ color: #fff; float: left; display: block; width: 145px; text-align: left;}
.com-ord p em i{color: #ff0000; margin-right: 5px;}
.com-ord p input{float: left;}
.com-ord p input.on{border: 1px solid #ff0000;}
.com-ord p input.on:focus { border: 1px solid #ff0000; box-shadow: none !important;}
.com-ord p.ktsp{text-align: center; visibility: visible; height: 30px; color: #ff0000;}
.plwait{text-align: center; margin-bottom: 30px; margin-top: 40px;}
.plwait p{font-size: 18px; color: #fff; line-height: 30px; height: 30px; font-family: simsun;}

